﻿@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<!--头部-->
<div id="Header" class="ajaxLoadDiv">
    @{Html.RenderAction("Top");}
</div>
<div class="g-wrap">
    <!--左边-->
    <div id="Left" class="ajaxLoadDiv" name="leftnav01">
        @{ Html.RenderPartial("Left");}
    </div>

    <div class="g-main">
        <div class="layout_content_main h_100p" style="margin-right: 10px;">
            <!--面包屑start-->
            <div class="mod_navbar f-clear">
                <!--标题start-->
                <div class="title">
                    <h3><i class="icon-desktop mr_10" style="color: rgb(56, 168, 170);"></i>任务</h3>
                </div>
                <!--标题end-->
                <div class="main">
                    <div class="toolbar_panel f-right">
                        <div class="btn-group mr_15">
                            <button class="btn btn-danger addtaskbtn">新建任务 </button>
                        </div>

                    </div>
                </div>
            </div>
            <!--面包屑end-->
            <div class="entries_panel js-sortable layout_content_main_nonav">
                <div class="entries_panel_sortarea ui-sortable">
                    <!--要做start-->
                    <div class="entry ng-scope">
                        <div class="entry_header">
                            <div class="entry_header_title js-editable">
                                <h2 class="ng-binding">要做 <i></i> </h2>
                            </div>
                            <a href="javascript:;" class="js-popbox entry_header_menu ng-scope"> <i class="icon-play-circle"></i> </a>
                        </div>
                        <div class="entry-task-panel">
                            <div class="part-loading"></div>
                            <div class="entry-tasks js-sortable ui-sortable" id="list0">

                            </div>
                        </div>

                    </div>
                    <!--要做end-->
                    <!--在做start-->
                    <div class="entry ng-scope">
                        <div class="entry_header">
                            <div class="entry_header_title js-editable">
                                <h2 class="ng-binding">在做 <i></i> </h2>
                            </div>
                            <a href="javascript:;" class="js-popbox entry_header_menu ng-scope"> <i class="icon-play-circle"></i> </a>
                        </div>
                        <div class="entry-task-panel">
                            <div class="part-loading"></div>
                            <div class="entry-tasks js-sortable ui-sortable" id="list1">

                            </div>
                        </div>
                    </div>
                    <!--在做end-->
                    <!--待定start-->
                    <div class="entry ng-scope">
                        <div class="entry_header">
                            <div class="entry_header_title js-editable">
                                <h2 class="ng-binding">待定 <i></i> </h2>
                            </div>
                            <a href="javascript:;" class="js-popbox entry_header_menu ng-scope"> <i class="icon-play-circle"></i> </a>
                        </div>
                        <div class="entry-task-panel">
                            <div class="part-loading"></div>
                            <div class="entry-tasks js-sortable ui-sortable" id="list2">

                            </div>
                        </div>
                    </div>
                    <!--待定end-->
                </div>
            </div>
        </div>

    </div>
</div>

<!--新建任务弹出层-->
<div class="popbox addnewtask" style="display: none; left: auto; right:25px; top: 115px;">
    <div class="popbox-header">
        <button class="cancel icon-remove"></button>
        <h3>新建任务</h3>
    </div>
    <form name="add_task_form" class="wt-form ng-pristine ng-invalid ng-invalid-required">
        <div class="popbox-body w_300">
            <div class="form-group">
                <div>
                    <textarea id="txtTitle1" class="js-task-name form-control ng-pristine ng-invalid ng-invalid-required" placeholder="输入任务内容" style=""></textarea>
                </div>
            </div>
            <div class="form-group" ng-show="entries.length > 0">
                <label>列表：</label>
                <select id="sloption" class="form-control ng-pristine ng-animate ng-invalid-remove ng-valid-add ng-invalid-required-remove ng-valid-add-active ng-invalid-remove-active ng-valid ng-invalid-required-remove-active ng-valid-required" style="">
                    <option value="0" selected="selected">要做</option>
                    <option value="1">在做</option>
                    <option value="2">待定</option>
                </select>
            </div>
        </div>
        <div class="popbox-footer">
            <button type="button" class="btn btn-success mr_15" id="btnSave1">保存 </button>
            <button type="button" class="btn cancel btn-success mr_15">取消</button>
        </div>
    </form>
</div>

<!--任务右侧弹出层-->
<div class="slide-content" style="overflow: hidden; right: 0px; top: 60px; width: 700px; display: none;">
    <div class="entity-panel task-panel">
        <div class="entity-panel-wrapper">
            <!--弹出层头-->
            <div class="entity-panel-header">
                <a href="javascript:;" class="name ng-binding"> <i class="mr_10 icon-desktop" style="color: rgb(56, 168, 170);"></i> <emid id="spKind"></emid> </a>
                <ul class="nav nav-pills">
                    @*<li class="ng-scope"> <a href="javascript:;" title="截止日期"> <i class="icon-time"></i>日期 </a> </li>
                        <li class="ng-scope"> <a href="javascript:;" title="添加检查项"> <i class="icon-th-list"></i>检查项 </a> </li>
                        <li class="divider-v ng-scope"></li>
                        <li class="js-popbox ng-scope"> <a href="javascript:;" class="dropdown-toggle" title="添加附件"> <i class="icon-paper-clip"></i>附件 </a></li>
                        <li class="js-popbox"> <a href="javascript:;" class="dropdown-toggle" title="更多"> <i class="icon-chevron-down"></i>更多 </a></li>*@
                    <li class="divider-v"></li>
                    <li> <a href="javascript:;" title="关闭"> <i class="icon-remove"></i> </a> </li>
                </ul>
            </div>
            <!--弹出层内容-->
            <div class="entity-panel-body height-nonav" style="overflow: hidden; height: 786px;">
                <!--左侧内容-->
                <div class="content-panel" taskid="">
                    <div class="content-module editable-module">
                        <!--名称-->
                        <div class="taskname">
                            <div class="entity-title">
                                <a class="task_check"> <i class="icon-check-empty"></i> </a>
                                <h2 class="ng-binding">
                                    <span class="ng-binding" id="spTitle"></span>
                                    <em class="ng-binding"></em>
                                </h2>
                            </div>
                            <div class="task-badges" task="task"></div>
                            <div class="task-desc-add ng-hide">
                                <a href="javascript:;" id="aTips">点击添加任务描述</a>
                            </div>
                            <div class="task-desc">
                                <div class="task-desc-text markdown ng-binding" id="divDesc">

                                </div>
                            </div>
                        </div>
                        <!--编辑-->
                        <div class="f-hide taskedit">
                            <div class="edit-section">
                                <input type="text" placeholder="任务名称" class="form-control" id="txtTaskTitle" />
                                <textarea type="text" placeholder="添加任务描述" class="form-control gollum-editor-body" id="txtTaskDesc"></textarea>
                            </div>
                            <div class="form-group">
                                <button type="button" class="btn btn-success mr_15" id="btnSave2">保存 </button>
                                <button type="button" class="btn btn-success mr_15" id="btnCancelTitle">取消</button>
                            </div>
                        </div>
                        <!--评论活动-->
                        <div class="tabbable">
                            <ul class="tabs nav-tabs f-clear commenttab">
                                <li class="active"> <a>评论</a> </li>
                                <li class=""> <a>活动</a> </li>
                            </ul>
                            <div class="tab-content">
                                <!--评论-->
                                <div class="tab-pane active commentcon" style="max-height: 430px;">
                                    <div class="comment-list">
                                        <div class="part-loading mt_20"></div>
                                        <ul class="comments"></ul>
                                        <div class="new-comment">
                                            <a class="new-comment-avatar avatar avatar-40" size="40" title="@ViewBag.UserName" href="javascript:;"> <span class="avatar-face"><span class="avatar-text">@ViewBag.Avatar</span></span> </a>
                                            <div class="new-comment-edit">
                                                <textarea placeholder="说点什么" class="ng-pristine ng-valid" id="txtContent"></textarea>
                                                <div class="add-controls">
                                                    @*<ul class="nav nav-pills">
                                                        <li class="btn-group js-popbox dropup mr_5">
                                                            <a href="javascript:;" class="dropdown-toggle" title="添加附件"> <i class="icon-paper-clip"></i> </a>
                                                            <ul class="dropdown-menu">
                                                                <li>
                                                                    <a href="javascript:;" class="fileinput-button">
                                                                        <i class="icon-desktop"></i>本地上传
                                                                        <input type="file" title="添加附件">
                                                                    </a>
                                                                </li>
                                                                <li> <a href="javascript:;"> <i class="icon-file"></i> 从项目文件选择 </a> </li>
                                                            </ul>
                                                        </li>
                                                        <li class="divider-v"></li>
                                                        <li class="js-popbox mr_10"> <a href="javascript:;"> <i class="icon-smile"></i> </a> </li>
                                                        <li> <a class="js-popbox mr_10 font_at" href="javascript:;"></a> </li>
                                                    </ul>*@
                                                    <button class="btn btn-success pull-right ng-binding" id="btnFeedBack">发表评论 </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--活动-->
                                <div class="tab-pane commentcon f-hide" style="max-height: 430px;">
                                    <div class="empty-panel">
                                        <i class="icon-time"></i><br>
                                        <span>还没有任何活动</span>
                                    </div>
                                    <div class="loading-more-panel">
                                        <div class="part-loading ng-hide"> </div>
                                        <button class="btn ng-hide"> 加载更多... </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--右侧内容-->
                <div class="sidebar-panel" style="min-height: 785px;">
                    <div class="sidebar-module">
                        <h4>标签</h4>
                        <div class="task-labels">
                            <button class="btn btn-block js-popbox ng-scope"><i class="icon-tag"></i>设置标签 </button>
                        </div>
                    </div>
                    <div class="sidebar-module">
                        <h4>分配</h4>
                        <div class="entity-members">
                            <ul>
                                <li class="removememberbtn">
                                    <a class="js-popbox avatar avatar-40" title="梅郑冬" href="javascript:;">
                                        <span class="avatar-face"><span class="avatar-text">梅</span></span>
                                    </a>
                                </li>
                                <li class="assignmenttaskbtn"> <a class="avatar-add js-popbox" href="javascript:;"> <span class="o"> <i class="icon-plus"></i> </span> </a> </li>
                            </ul>
                        </div>
                    </div>
                    @*<div class="sidebar-module">
                            <h4>分配</h4>
                            <div class="entity-members">
                                <ul>
                                    <li class=""> <a class="avatar-add js-popbox" href="javascript:;" type="member" entity="task"> <span class="o"> <i class="icon-plus"></i> </span> </a> </li>
                                </ul>
                            </div>
                        </div>*@
                </div>
            </div>
        </div>
    </div>
</div>

<!--分配任务-->
<div class="popbox assignmenttask" style="display: none; left: auto; right:160px; top: 184px;">
    <div class="popbox-header">
        <button class="cancel icon-remove"></button>
        <h3 class="ng-binding">分配任务</h3>
    </div>
    <div class="popbox-body">
        <input type="text" id="userkey" autofocus wt-focus="" name="search_user_input" placeholder="搜索成员" class="form-control help-block ng-pristine ng-valid" >
        <div>双击添加人员</div>
        <br>
        <div class="part-loading"></div>
       
        <ul class="popbox-menu" id="userlist">
        </ul>
    </div>
</div>

<!--从任务移除-->
<div class="popbox removemembers" style="display: none; left: auto; right:180px; top:220px;">
    <div class="popbox-avatar">
        <div class="avatar-body">
            <button class="cancel icon-remove"></button>
            <a class="avatar avatar-56" size="56" title="梅郑冬" href="javascript:;"> <span class="avatar-face"><span class="avatar-text">梅</span></span> </a>
            <div class="avatar-right">
                <h4 class="avatar-heading ng-binding">梅郑冬</h4>
                <p class="ng-binding">meizdlive</p>
            </div>
        </div>
        <div class="avatar-footer">
            <button class="btn btn-danger ng-binding">从任务移除</button>
        </div>
    </div>
</div>

<!--日期设置-->
<div class="popbox setdatebox" style="display: none; left: 749.5px; right: auto; top:56px; z-index:5000;">
    <div class="popbox-header">
        <button class="close">×</button>
        <h3>设置截止日期</h3>
    </div>
    <div class="popbox-body">
        <ul class="list-inline m_0">
            <li><a href="javascript:;">今天</a></li>
            <li>|</li>
            <li><a href="javascript:;">明天</a></li>
            <li>|</li>
            <li><a href="javascript:;">本周</a></li>
            <li>|</li>
            <li><a href="javascript:;">下周</a></li>
            <li>|</li>
            <li><a href="javascript:;">本月</a></li>
        </ul>
        <div class="wtdate hasDatepicker">
            <div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="display: block;">
                <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
                    <a class="ui-datepicker-prev ui-corner-all" title="<上月"><span class="ui-icon ui-icon-circle-triangle-w">&lt;上月</span></a><a class="ui-datepicker-next ui-corner-all" title="下月>"><span class="ui-icon ui-icon-circle-triangle-e">下月&gt;</span></a>
                    <div class="ui-datepicker-title"><span class="ui-datepicker-year">2015</span>年&nbsp;<span class="ui-datepicker-month">六月</span></div>
                </div>
                <table class="ui-datepicker-calendar">
                    <thead>
                        <tr>
                            <th class="ui-datepicker-week-end"><span title="星期日">日</span></th>
                            <th><span title="星期一">一</span></th>
                            <th><span title="星期二">二</span></th>
                            <th><span title="星期三">三</span></th>
                            <th><span title="星期四">四</span></th>
                            <th><span title="星期五">五</span></th>
                            <th class="ui-datepicker-week-end"><span title="星期六">六</span></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                            <td class=" "><a class="ui-state-default" href="#">1</a></td>
                            <td class=" "><a class="ui-state-default" href="#">2</a></td>
                            <td class=" "><a class="ui-state-default" href="#">3</a></td>
                            <td class=" "><a class="ui-state-default" href="#">4</a></td>
                            <td class=" "><a class="ui-state-default" href="#">5</a></td>
                            <td class=" ui-datepicker-week-end "><a class="ui-state-default" href="#">6</a></td>
                        </tr>
                        <tr>
                            <td class=" ui-datepicker-week-end "><a class="ui-state-default" href="#">7</a></td>
                            <td class=" "><a class="ui-state-default" href="#">8</a></td>
                            <td class=" "><a class="ui-state-default" href="#">9</a></td>
                            <td class=" "><a class="ui-state-default" href="#">10</a></td>
                            <td class=" "><a class="ui-state-default" href="#">11</a></td>
                            <td class=" ui-datepicker-days-cell-over  ui-datepicker-current-day ui-datepicker-today"><a class="ui-state-default ui-state-highlight ui-state-active" href="#">12</a></td>
                            <td class=" ui-datepicker-week-end "><a class="ui-state-default" href="#">13</a></td>
                        </tr>
                        <tr>
                            <td class=" ui-datepicker-week-end "><a class="ui-state-default" href="#">14</a></td>
                            <td class=" "><a class="ui-state-default" href="#">15</a></td>
                            <td class=" "><a class="ui-state-default" href="#">16</a></td>
                            <td class=" "><a class="ui-state-default" href="#">17</a></td>
                            <td class=" "><a class="ui-state-default" href="#">18</a></td>
                            <td class=" "><a class="ui-state-default" href="#">19</a></td>
                            <td class=" ui-datepicker-week-end "><a class="ui-state-default" href="#">20</a></td>
                        </tr>
                        <tr>
                            <td class=" ui-datepicker-week-end "><a class="ui-state-default" href="#">21</a></td>
                            <td class=" "><a class="ui-state-default" href="#">22</a></td>
                            <td class=" "><a class="ui-state-default" href="#">23</a></td>
                            <td class=" "><a class="ui-state-default" href="#">24</a></td>
                            <td class=" "><a class="ui-state-default" href="#">25</a></td>
                            <td class=" "><a class="ui-state-default" href="#">26</a></td>
                            <td class=" ui-datepicker-week-end "><a class="ui-state-default" href="#">27</a></td>
                        </tr>
                        <tr>
                            <td class=" ui-datepicker-week-end "><a class="ui-state-default" href="#">28</a></td>
                            <td class=" "><a class="ui-state-default" href="#">29</a></td>
                            <td class=" "><a class="ui-state-default" href="#">30</a></td>
                            <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                            <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                            <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                            <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="popbox-footer"> <a class="btn btn-success mr_15" ng-click="js_set_expire(task.expire_date_temp)">确定</a> <a class="btn" ng-click="js_cancel_expire()">取消截止日期</a> </div>
</div>

<script type="text/javascript" src="/Content/Js/common.js"></script>
<script src="~/Scripts/Juicer/src/juicer.js"></script>
<script src="~/Scripts/rg-utility.js"></script>
<script src="~/Scripts/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="~/Models/home/taskComon.js"></script>
<script src="~/Models/home/task.js"></script>
